import React, { Component } from 'react'

export class Login extends Component {

    constructor(props) {
        super(props)
        this.state = {
            isName: false,
            isLogin: false
        }
    }
    static getDerivedStateFromProps(nextProps, prevState) {
        // 这个里面没有this
        // 为什么没有this ， 阻止修改 this.props 的值，
        // 单一数据流
        console.log('新生命周期')
        // 返回值 与 state 合并了
        return {
            isName: true
        };
    }

    getSnapshotBeforeUpdate(prevProps, prevState) {
        return {name: 123}
    }

    componentDidUpdate(nextProps, nextState, info) {
        console.log(info)
    }
    render() {
        console.log(this.state)
        return (
            <div>
                登陆
                <button onClick={() => this.setState({isLogin: true})}>按钮</button>
            </div>
        )
    }
}
